html{
    height:100%;
    width:100%;
    overflow:hidden;
    position:relative;
    -webkit-font-smoothing:antialiased;
    -webkit-overflow-scrolling:touch;
    -moz-overflow-scrolling:touch;
    -o-overflow-scrolling:touch;
    overflow-scrolling:touch;
}
body{
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
    -webkit-text-size-adjust:none;
    font-size: 12px;
}
img{width:100%;}
#content{padding-bottom: 5%;}
h2{ font-size: 18px;}
.conTop h2 strong, .conBot h2 strong,.sub-con h2{font-size: 18px;margin-left: 4%;}
.conCen strong {font-size: 18px;}
.conCenR p span { position: absolute;top: 22px;right: 158px;}
#container{
    overflow-x: hidden;
    position: absolute;
    top: 56px;
    bottom: 0;
    overflow-y: scroll;
    width: 100%;
    z-index: 1;
}
.con{ overflow: hidden;}
#header-nav .wrapper{height:100%;}
.side-menu #all{-webkit-transform:translateX(-255px);-ms-transform:translateX(-255px);-o-stransform:translateX(-255px);-moz-stransform:translateX(-255px);transform:translateX(-255px)}
#all{-webkit-transition:-webkit-transform .5s;-ms-transition:-ms-transform .5s;-o-transition:-o-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s}
#all{
    width:100%;
    height:100%;
    position:relative
}
.wrapper{width:100%}
#header {
    height: 56px;
    width: 100%;
    position: relative;
    background: transparent;
}
#header-blank{
    background-color:#FFF;
    position:relative;
    width:100%;
    height:56px;
}
#header-logo{
    background:url("../images/logo.jpg") no-repeat;
    width:144px;
    height:40px;
    background-size:100% 100%;
    position:absolute;
    top:10px;
    left:50%;
    margin-left:-74px;
    float:left;
}
#header-info{
    display: block;
    position: absolute;
    width: 255px;
    top:0;
    right: -255px;
    height: 56px;
    margin: 0;
    background: url("../images/mobile-customer-tel.gif") no-repeat 65px 15px;
    background-size: 106px 33px;
    float: right;
}
.swipe-handl{
    background:url("../images/mobil-icons.gif") no-repeat 10px 4px;
    display: block;
    height: 36px;
    width: 40px;
    background-size:70% 200px;
    position: absolute;
    top:16px;
    left: 0;
}
.swipe-handler{
    display: block;
    height: 36px;
    width: 40px;
    background:url("../images/mobil-icons.gif") no-repeat 0 -28px;
    background-size:60% 200px;
    position: absolute;
    top:16px;
    right: 0;
}
#header-nav{display: none;}
#header-mol{
    display:block;
    background-color:#EFEFEF;
    position:absolute;
    top:56px;
    bottom:0;
    height:auto;
    right:-255px;
    width:255px;
    overflow-y: scroll;
}
#header-mol ul{float:none;height: 100%}
#header-mol li{
    text-align: left;
    text-indent: 65px;
    line-height: 47px;
    float: none;
    width: 100%;
    border-top: 1px solid #e1e1e1;
}
.swipe{height:200px;}
.swipe_wrap{height:200px;}
.swipe_wrap ul{height:200px;}
.swipe_wrap li{height:200px;}
.swipe_wrap li span{height:200px}
.swipe_wrap li a{height:200px}
.swipe_wrap li .focus1{
    background:url("../images/focus1.png") no-repeat center top;
    background-size:100% 100%;
}
.swipe_wrap li .focus2{
    background:url("../images/focus2.png") no-repeat center top;
    background-size:100% 100%;
}
.swipe_wrap li .focus3{
    background:url("../images/focus3.png") no-repeat center top;
    background-size:100% 100%;
}
/*conTop*/
.conTop h2 span,.conBot h2 span{ display: block; width: 73px; height: 29px; position: absolute; top: -10px; right: 30px;}
.conTop p{ padding:30px 20px 10px; line-height: 28px;}
.conTop ul{ padding:0;box-sizing: border-box;}
.conTop li{ float:left; height:189px; width:33.333%; line-height: 189px;}
.conTop li img{ width:95px;height:95px;}
/*conCenL*/
.conCenL{ width: 100%; float: none;}
.conCenL li{ overflow: hidden;}
/*conCenR*/
.conCenR{ width: 100%; float: none;}
.conCenR dt{ float: left; width: 70%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.conCenR p span {
    position: absolute;
    top: 38%;
    left: 40%;
}
.conCenR p span a{background-size: 50%}
.conCenR p span a:hover{background-size: 50%}
.conBot{ height: auto;}
.conBot .line{ display: none;}
.honor{ padding: 0 40px; position: relative; top: 0;overflow: hidden;}
.honor li{ float: none; margin: 20px 10px; width: 100%;}
 /*about*/
        /*** ***/
#header .inside{
    background-color: #FF6600;
}
#header .inside-logo{
    background: url("../images/mobil-logo.gif") no-repeat;
    width:144px;
    height:40px;
    background-size:100% 100%;
    position:absolute;
    top:10px;
    left:50%;
    margin-left:-74px;
    float:left;
}
.swipe-insideL{
    background:url("../images/mobil-icons.gif") no-repeat 10px -96px;
    display: block;
    height: 36px;
    width: 40px;
    background-size:70% 200px;
    position: absolute;
    top:16px;
    left: 0;
}
.swipe-insideR{
    display: block;
    height: 36px;
    width: 40px;
    background:url("../images/mobil-icons.gif") no-repeat 0 -130px;
    background-size:60% 200px;
    position: absolute;
    top:16px;
    right: 0;
}
#container .insideB{ display: none;}
.sub-nav{height: auto}
.sub-nav ul {font-size: 14px;height:auto;overflow: hidden;}
/*.sub-nav li{width:25%; margin: 0; background: none; text-indent: 0;line-height: 55px;}*/
.sub-nav li{width:33.33%;margin: 0;background: none; text-indent: 0;line-height: 55px;}
.sub-con, .about {padding: 6% 1% 6%;width: 100%;}
.category{ width: 100%; height:270px;margin-top:0; background: url("../images/cateall20181128.png?20181127") no-repeat scroll center center;background-size: 100%;}
.category .cate{ display: none;}
        /*** team ***/
.sub-team span {position: absolute;top: -10px;left: 70%;}
.team{background-size: 320px;padding-top:20%;height:auto;}
.team dl {width: 100%;height: auto;}
.team dt{margin:0 auto;float:none;}
.team dd {width: 94%;padding: 10px;text-align: center;}
.team .team-info {font-size: 12px;}
.team1{ width:214px;height:245px;background: url("../images/team01.jpg") no-repeat center center;}
.team2{ width:214px;height:245px;background: url("../images/team02.jpg") no-repeat center center;}
.team3{ width:214px;height:245px;background: url("../images/team03.jpg") no-repeat center center;}
.team4{ width:214px;height:245px;background: url("../images/team04.jpg") no-repeat center center;}
.team5{ width:214px;height:245px;background: url("../images/team05.jpg") no-repeat center center;}
        /*** truee ***/
.truee{ width:100%;height: auto;position: relative; margin-top: 6%;}
.trueeI{ width:100%;height: 450px; background: url("../images/structure.png") no-repeat scroll center top;background-size: 100%;}
.truee dl{ border-left: none;margin-top: 8%;}
.truee dt{ background: #f5f5f5; }
.tr01{ position: relative;top:0; left: 10%;;}
.tr02{ position: relative;top:0; left: 10%;}
.tr03{ position: relative;top:0; left: 10%;;}
.tr04{ position: relative;top:0; left: 10%;;}
.tr05{ position: relative;top:0; left: 10%;;}
.tr06{ position: relative;top:0; left: 10%;;}
        /*** honor ***/
.con-pr ul.honorPc{display: none;}
.con-pr ul.honorApp{display: block;overflow: hidden;padding-left: 0;}
.con-pr li {
    float: none;
    width: 100%;
    border-left: 0;
    padding: 0;
    text-align: center;
    margin-top: 20px;
    margin-left: 0;
}
.con-pr li.first {
    width: 100%;
    border-left: 0;
    margin-left: 0;
    padding: 0;
    text-align: center;
}
.con-pr p {border:0;text-align: center;text-indent: 10px;}
.con-pr p.madel {margin-left:0;position:relative;margin-bottom: 30px;}
.con-pr .text { font-size: 10px; line-height: 2em;padding-top: 0;}
.con-pr .honorB {
    height: 84px;
    background: url("../images/honorBg.jpg") no-repeat center center;
    background-size: 320px auto;
}

/* product*/
.sub-nav .nav3 li{width: 33.33%;}
.sub-con1 span {position: absolute;top: -10px;left: 70%;}
.sub-con1 p{padding: 8%;font-size: 14px;}
.forum li {width: 96%;float: none;margin:0 2% 14% 0;}
.forum span {font-size: 18px;}
    /** APP **/
.app-con {padding-top: 8%;width:100%;background-size:80%;}
.appL {width: 94%;margin-left: 3%;}
.appL h2 {height: auto;font-size: 18px;}
.appL p {font-size: 14px;}
.appR{width:100%;height:540px;;background-size:80%;}
.app_slide{display:none;}
    /** marry **/
.outDiv {width: 100%;height: 380px;margin: 0; background-size: 100%;float:none;padding: 0;}
.jh-con .outDiv,.jj-con .outDiv{background-size: 100%;}
.innerDiv{display: none;}
.jh-con ul, .jj-con ul {margin-left: 40%;float: none;}
    /** active **/
ul.employee {margin-top: 5%;}
.employee li {padding: 5% 6%;}
.date a{width:155px;height:155px;background: url("../images/dateBg.jpg") no-repeat center bottom; background-size: 100%;display: block;}
.pages .page{display: none;}
.pages li{padding: 2% 0;}
.date img{margin-top: 0;}
.date .month{ position:absolute; top: 20px; left: 40px;}
.date .day{ position: absolute; top: 70px; left: 70px;}
.date .year{ position: absolute; top: 120px; left: 60px;}
    /** event **/
.sub-ll {margin-left: 0;border: 0;}
.yt span{ font-size: 18px; background: none;}
.yt{float: none;}
.yc{border: 0;float: none;display: block;}
.yc p {padding: 3% 0 0 4%;display: inline-block;font-size: 14px;}
.yc p span{display: block;padding: 4%;}
/** join **/
.joint {width: 100%;padding-top: 0;}
.joinc {border-left:0;float: left;padding: 0;margin-left: 2%;width:94%;}
.joinc h2{ font-size: 24px;}
.joinc h3{ font-size: 18px;}
.joinc h2 span {
    position: absolute;
    top: -10%;
    left: 50%;
}
.joinc h3 span{
    position: absolute;
    top: -10%;
    left: 60%;
}
.wait span {
    position: absolute;
    top: 24%;
    left: 37%;
}
.joinc .wait a { background-size: 50%;}
.joinc .wait a:hover { background-size: 50%;}
.joinc dt{ font-size: 16px;}
.pay .email {font-size: 16px;background-size: 74%;}
/** contact **/
.map{ padding: 5% 5%;}
.map img {float: none;width: 100%;}
.call { width: 100%; margin-left: 0;  float: none;  margin-top: 9%;}
.call .more {
    position: absolute;
    top: -10%;
    left: 130%;
    line-height: 32px;
    overflow: hidden;
}

/** content **/
.info p{width:96%;}
.info img{width:100%;}

/*foot*/
#footer{ display: none;}
.m-foot{ display: inline-block;background-color:#EFEFEF;color: #333;padding:10px 0 0 10px;font-size: 12px;box-sizing: border-box;}
.m-foot a{ background: url("../images/mobil-icons.gif") right -132px no-repeat;padding-right:44px; float: right;line-height:40px}


/* 20150625-新增得意家介绍*/
.jia-con {
    padding-top: 20px;
    width: 100%;
}
.app-jia .appL h2 {
    padding: 0;
}
.app-jia .appL .more {
    left: 110px;
}、
.app-jia .appR {
    width: 100%;
    height: 440px;
    margin-top: 80px;
    background-size: 80%;
}
.app_slide2 {
    display: none;
}
.qrcode {
    display: none;
}
.ios .download, .other .download {
    width: 320px;
    top: 320px;
    left: 50%;
    transform: translate3d(-160px, 0, 0);
    -webkit-transform: translate3d(-160px, 0, 0);
}
.ios .download-button, .other .download-button {
    width: 160px;
    float: left;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
.ios .download-icon, .ios .version-icon, .other .download-icon, .other .version-icon {
    display: none;
}
.ios .download-text, .other .download-text {
    margin-left: 0;
    border-left: none;
}
.ios .download-container, .other .download-container {
    top: -15px;
}
.download-button:hover + .download-container, .download-container:hover, .ios .download-container, .other .download-container {
    width: 160px;
    overflow: hidden;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
.ios .download-list, .other .download-list {
    width: 100%;
}
.ios .download-list {
    height: 113px;
}
.ios .merchant-container .download-list {
    height: 56px;
}
.ios .new a, .other .new a {
    background-position: -642px -769px;
}
.ios .download-list a, .other .download-list a {
    padding-left: 0;
    line-height: 65px;
    text-align: center;
}
.ios .merchant-container, .other .merchant-container {
    left: 50%;
}
.ios [class*="android"], .android [class*="ios"], .ios .merchant-container .version-appstore {
    display: none;
}
.android .download {
    width: 220px;
    top: 330px;
    left: 50%;
    transform: translate3d(-110px, 0, 0);
    -webkit-transform: translate3d(-110px, 0, 0);
}
.android .download-button + .download-container {
    display: none;
}
.app-jia-info h2 {
    height: auto;
    font-size: 18px;
}
.app-jia-info .more {
    left: 230px;
}
.app-jia-info ul {
    padding: 20px 20px 0;
}
.app-jia-info ul li {
    width: 96%;
    float: none;
    margin: 0 2% 14% 0;
}
.app-jia-info ul span {
    font-size: 18px;
}

/*20170209品推改版*/
.zone-benefit img{
    width:100%;
    height:auto;
}

/*20170209得意动态手机自适应*/
.zone-intro-hook  .date{
    margin-right:.2em;
    margin-bottom:2em;
}
.zone-intro-hook .event>p{
    margin-bottom:2em;
}
.zone-intro-hook .event{
    float:none;
}
.zone-intro-hook .event p a{
    display:-webkit-box !important;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}
.zone-intro-hook .event img{
    width:100% !important;
    height:auto !important;
}
.event{
    width:50%;
}
.event h3 a{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    display:-webkit-box !important;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.info p{
    width:100% !important;
}
.info img{
    width:100% !important;
}
.sub-con2 h2{
    width:90%;
    margin:0 auto;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.zone-hook1{
    display:block;
}
.zone-hook2{
    display:none;
}
.employee li >p{
    margin-bottom:2em;
}
.employee h3{
    margin-top:2em;
}
.employee .event img{
    width:100%;
    height:auto;
}